<!DOCTYPE html>
<html>
 <head>
         <meta charset="utf-8"/>
      <style>
          header{
            clear:both;
            display:block;
            background-color: aqua;
            width:auto;
            height:auto;
            text-align:center;
          }
          ul{
            background-color:yellow;
          }
        body{
          background-color: beige;
        }
         li{
            background-color:yellow;
            display:inline-block;
         }
         a:hover{
            color:rgb(0, 255, 72);
         } 
         span{
            text-align:center;
            color:blue;
            display:block;
            font-size:40px;
         }
         table{
            text-align:center;
         }
         table tr:nth-child(odd){
            background-color:red;
        }
        table tr:nth-child(even){
            background-color:greenyellow;
        } 
        a{
            font-size:20px;
            text-decoration: none;
        }
        footer{
            background-color: aqua;
            display: block;
            font-size:100px;
            margin-top:100px;
        }
      </style>
 </head>
    <header>欢迎访问我的主页</header>
    <body background="https://bpic.588ku.com/element_pic/21/07/20/4f3392675ad7a46bfeeb9f17560db72e.jpg!/fw/325/quality/90/unsharp/true/compress/true"> 
        <span>欢迎来到宝宝乐园</span>
        <center><ul style="margin:0px,100px,0px,100px">
        <li><a href="https://www.baidu.com">神奇宝贝</a></li>
        <li><a href="https://www.baidu.com">恐龙宝贝</a></li>
        <li><a href="https://www.baidu.com">数码宝贝</a></li>
        <li><a href="https://www.baidu.com">花园宝宝</a></li>
        <li><a href="https://www.baidu.com">牛马宝宝</a></li>
        </ul></center>
        <center>
            <table border="1">
            <tr>
                <td>    </td>
                <td>颜值</td>
                <td>战力</td>
                <td>饭量</td>
            </tr>
            <tr>
                <td>神奇宝贝</td>
                <td>90</td>
                <td>100</td>
                <td>50</td>
            </tr>
            <tr>
                <td>恐龙宝贝</td>
                <td>85</td>
                <td>80</td>
                <td>100</td>
            </tr>
            <tr>
                <td>数码宝贝</td>
                <td>70</td>
                <td>75</td>
                <td>50</td>
            </tr>
            <tr>
                <td>花园宝宝</td>
                <td>60</td>
                <td>10</td>
                <td>00</td>
            </tr>
            <tr>
                <td>牛马宝宝</td>
                <td>38</td>
                <td>20</td>
                <td>100</td>
            </tr>
            </table><br>
        </center>
        <center>
        <table>
        <tr>
        <center><td><img style="height: 300px;width:400px;" src="https://tse1-mm.cn.bing.net/th/id/OIP-C.Uz-oDg_sOKRvTBSjYakrfAHaEo?w=302&h=189&c=7&r=0&o=5&dpr=1.5&pid=1.7"><br>
        <p>这是宝可梦</p><br></td>
        <td><img style="height: 300px;width:400px;" src="https://tse3-mm.cn.bing.net/th/id/OIP-C.N3PyV81H0sLZplMUuFF21QHaIU?w=198&h=223&c=7&r=0&o=5&dpr=1.5&pid=1.7"><br>
        <p>这是小恐龙</p><br></td></center>
        </tr>
        </center>
        <center>
        <tr>
        <td><center><img style="height: 300px;width:400px;" src="https://tse4-mm.cn.bing.net/th/id/OIP-C._uRGkO27c5ZPb7mjHTnUdgHaJl?w=170&h=220&c=7&r=0&o=5&dpr=1.5&pid=1.7"><br>
        <p>这是数码人</p><br></center></td>
        <td><center><img style="height: 300px;width:400px;" src="https://tse2-mm.cn.bing.net/th/id/OIP-C.0t-qNncipTKv_wssEDEb1wHaFA?w=281&h=190&c=7&r=0&o=5&dpr=1.5&pid=1.7"><br>
        <p>这是花园宝</p><br></center></td>
        <td><center><img style="height: 300px;width:400px;" src="https://tse1-mm.cn.bing.net/th/id/OIP-C.ZgdJ41-ABjH0YIKvLBBQDwHaHZ?w=181&h=180&c=7&r=0&o=5&dpr=1.5&pid=1.7"><br>
        <p>这是牛和马</p><br></center></td>
        </tr>
        </table></center>
         <center><footer>本主页已完成</footer></center>
    </body>
</html>
